@import "./h5.scss";
* {
    margin: 0;
    padding: 0;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.box {
    margin: auto;
    width: 701px;
}
.jing {
    background: #ffffff;
    margin-left: 48px;
    margin-right: 56px;
    .top {
        margin-top: 30px;
        margin-bottom: 35px;
        .top-text {
            box-sizing: content-box;
            border-left: 7px solid #78c8fb;
            h2 {
                margin-left: 20px;
            }
        }
    }
}

.main {
    .input {
        margin-bottom: 21px;
        input {
            width: 268px;
            //91-22 69
            box-sizing: content-box;
            padding: 11px;
            border: 1px solid #c2d2dc;
            border-radius: 10px;
        }
    }
    .select {
        select {
            display: inline-block;
            border: 1px solid #c2d2dc;
            width: 141px;
            height: 39px;
            color: #999999;
            margin-left: 10px;
        }
    }
}
// 管理
.guanli {
    .gl_table {
        margin-top: 20px;
        margin-bottom: 11px;
        height: 14px;
        input {
            height: 12px;
            border: 1px solid #78c8fb;
        }
        span {
            display: inline-block;
            margin-left: 10px;
            font-size: 12px;
            font-weight: 500;
        }
    }
}
.input_text {
    textarea {
        border: 1px solid #c2d2dc;
        border-radius: 10px;
        box-sizing: content-box;
        padding: 12px 8px;
    }
}

//让数据说话
.shujushuo {
    background: #f4f8fb;
    // background: #999;
    box-sizing: content-box;
    padding: 29px 17px;
    .sjs_text {
        margin-top: 30px;
        margin-bottom: 25px;
        color: #999999;
    }
    .position {
        position: absolute;
    }
    .sjs-input {
        position: relative;
        .sjs-input-box {
            display: inline-block;
            border: 1px solid #c2d2dc;
            width: 139px;
            box-sizing: content-box;
            padding: 10px 10px;
            background: #fff;
            margin-right: 40px;
            font-size: 16px;
            margin-bottom: 22px;
            input {
                width: 70px;
                border: 0;
            }
            select {
                width: 100%;
                border: 0;
                color: #999999;
            }
        }
    }
}

//添加
.add {
    .add_table {
        p {
            display: inline-block;
            margin-left: 10px;
            font-size: 16px;
        }
        margin-top: 22px;
        margin-bottom: 11px;
    }
    .add_text {
        textarea {
            max-width: 100%;
            border: 1px solid #c2d2dc;
            border-radius: 10px;
            box-sizing: content-box;
            padding: 12px 8px;
        }
    }
}

// 保存取消
.btn2 {
    margin: 32px 0;
    span {
        display: inline-block;
        padding: 13px 21px;
        border-radius: 5px;
    }
    .btn2_block {
        color: #fff;
        background: #02a2ed;
    }   
}


/*
问题:
确定页面制作能力
确定页面涉及js功能能力
页面渲染展示能力
表单处理能力
复杂与简单数据处理能力
整合与洗数据能力


下拉刷新
简历工作经历
*/
